<template>
	<view class="wrap">
		<view class="back" @tap="back">
			<image :src="$imgUrl('/lt_back.png')" mode="scaleToFill" />
		</view>
		<view class="text-dashed">
			<view class="line"></view>
			<view class="view">仅显示本月记录,如需更多记录请联系客服</view>
		</view>
		<scroll-view scroll-y class="scroll">
			<view class="list" v-for="(item, index) in list" :key="index">
				<text style="color: antiquewhite;">{{item.sysm}}使用时间:{{item.cjsj}}</text>
			</view>
		</scroll-view>
		
	</view>


</template>

<script>
	export default {
		data() {
			return {
				text: '',
				list: [

				]
			};
		},
		methods: {
			onShow() {
				// let res = await this.$http.post('/app/jfList', {  });
				this.$http.post('/app/jfList', {}).then(ress => {
					console.log(ress)
					this.list = ress.list
					console.log("-----------11111111")
					console.log(this.list)
				})
			},
			back() {
				uni.navigateBack()
			}
		}
	};
</script>

<style lang="scss" scoped>
	@import './css/public.scss';
	.wrap{
		overflow-y: scroll;
	}
	.text-dashed{
		
		.view {
    width: 78%;
    background: #1f1e1e;
    position: absolute;
    left: 11%;
    top: -14rpx;
    z-index: 1;
    color: #ffffff5c;
    font-size: 26rpx;
    text-align: center;
	}
	}
	.list{
		width: 92%;
		margin: 20rpx auto;
		&_item{
			margin-bottom: 30rpx;
		}
	}
	
	.scroll{
		height: 84vh;
	}
</style>